<!DOCTYPE html>
<head>
    <!-- vue-->
    <script type="text/javascript" src="/assets/static/moudle/vue/vue3.v3.2.37.js"></script>
    <script type="text/javascript" src="/assets/static/moudle/loader/vue3-sfc-loader.js"></script>

    <!-- elementui -->
    <link rel="stylesheet" href="/assets/static/moudle/elementui/elementui.vue3.v2.2.16.css" />
    <script type="text/javascript" src="/assets/static/moudle/elementui/elementui.vue3.icons.v2.0.9.js"></script>
    <script type="text/javascript" src="/assets/static/moudle/elementui/elementui.vue3.v2.2.16.js"></script>

    <link rel="stylesheet" href="/assets/static/css/lucidity.note.light.theme.v1.0.0.css" />
    <link rel="stylesheet" href="/assets/static/css/lucidity.note.app.style.v1.0.0.css" />

    <!-- codemirror -->
    <script type="text/javascript" src="/assets/static/moudle/codemirror/codemirror.js"></script>
    <script type="text/javascript" src="/assets/static/moudle/codemirror/mode/yaml.js"></script>
    <link rel="stylesheet" href="/assets/static/moudle/codemirror/codemirror.css"/>
    <link rel="stylesheet" href="/assets/static/moudle/codemirror/theme/eclipse.css">
    <link rel="stylesheet" href="/assets/static/moudle/codemirror/theme/{{.name}}.css">
</head>
<body>
    <div id="app">
        <h2>{{.title}}</h2>
        <!-- <el-tabs
            v-model="tabModel"
            type="card"
            class="lucidity-note-main-tabs"
            closable
            editable
            @tab-remove="removeTab">

            <el-tab-pane 
                v-for="item in defaultTabs"
                :key="item.uuid"
                :label="item.title"
                :name="item.name"
                >
                <component :is="item.content"></component>
            </el-tab-pane>
        </el-tabs> -->
        <!-- <el-tabs type="border-card">
            <el-tab-pane label="User">User</el-tab-pane>
            <el-tab-pane label="Config">Config</el-tab-pane>
            <el-tab-pane label="Role">Role</el-tab-pane>
            <el-tab-pane label="Task">
                <component :is="content"></component>
            </el-tab-pane>
          </el-tabs> -->
          <!-- <component :is="content"></component> -->
    </div>
    <!-- <script type="text/javascript" src="/assets/static/javascript/lucidity.note.helper.v1.0.0.js"></script> -->
    <!-- <script type="text/javascript">
        const app = Vue.createApp({
            // components: {
            //     'lucnote-note-editor': LucnoteHelper.defineAsyncComponent('/ui/template/vue/lucidity.note.app.main.editor.vue'),
            // },

            setup() {
                // const defaultTabs = ref([
                //     {
                //         name: "overview-tab2",
                //         uuid: "213123113",
                //         title: "总览界面3",
                //         content: shallowRef()
                //     }
                // ])

                return {
                    content: LucnoteHelper.defineAsyncComponent('/ui/template/vue/lucidity.note.app.main.editor.vue')
                }
            }
        });
        // 添加 elementui-vue3 图标集
        for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
            app.component(key, component)
        }

        // 使用 elementui-vue3
        app.use(ElementPlus);
        app.mount("#app"); -->

	</script>
</body>